.el-container {
    width: 100%;
    height: 100%;
    :deep(.el-aside) {
        width: auto;
        background-color: var(--el-menu-bg-color);
        border-right: 1px solid var(--el-aside-border-color);
        .aside-box {
          display: flex;
          flex-direction: column;
          height: 100%;
          transition: width 0.3s ease;
          .el-scrollbar {
            height: calc(100% - 55px);
            .el-menu {
              width: 100%;
              overflow-x: hidden;
              border-right: none;
            }
          }
          .logo {
            box-sizing: border-box;
            height: 55px;
            .logo-img {
              width: 28px;
              object-fit: contain;
            }
            .logo-text {
              margin-left: 6px;
              font-size: 21.5px;
              font-weight: bold;
              color: var(--el-aside-logo-text-color);
              white-space: nowrap;
            }
          }
        }
      }
    .el-header {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 55px;
        padding: 0 15px;
        background-color: var(--el-header-bg-color);
        border-bottom: 1px solid var(--el-header-border-color);
      }
}